<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>AJAX之fetch发起cgi请求</title>
        <style>
            
        </style>

    </head>
    <body>
       <div id="ret"></div>
       <script>
            // 当页面加载完成后，向后端获取数据
            window.onload = function(){
                // 约定 /cgi-bin/data2 的相应数据格式：
                // [{id: 1, name:"disen"}]
                fetch("cgi-bin/data2").then(resp=>resp.json()).then(data=>{
                    // data已经是js对象， 依约定的类型是数组
                    data.forEach(element=>{
                        let p = document.createElement("p");
                        p.innerHTML = "<b>" + element.id +"</b><i>"+element.name+"</i>";
                        ret.append(p);
                    })
                })
            }
       </script>
    </body>
</html>